<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Toy Story</title>
        <meta name="description" content="Handbag" />
        <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="js/jqueryHint.js"></script>
        <link rel="stylesheet" href="css/layout.css" type="text/css"/>
        <link rel="stylesheet" href="css/ws_home.css" type="text/css"/>
        <link rel="stylesheet" href="css/ws_container.css" type="text/css"/>
        <link rel="stylesheet" href="js/treeview/jquery.treeview.css" />
        <script src="js/treeview/lib/jquery.cookie.js" type="text/javascript"></script>
        <script src="js/treeview/jquery.treeview.js" type="text/javascript"></script>

        <!-- HMENU 6 -->
        <link type="text/css" rel="stylesheet" href="../../widget/hmenu/6/hmenu_6.css" />
        <!-- CART BLOCK 3 -->
        <link rel="stylesheet" href="../../widget/cart_block/3/cart_block_3.css" type="text/css" />
        <!-- LOGO 5 -->
        <link rel="stylesheet" href="../../widget/logo/5/logo_5.css" type="text/css" />
        <!-- SEARCH BAR 5 -->
        <link rel="stylesheet" href="../../widget/search_bar/5/search_bar_5.css" type="text/css" />
        <!-- SOCIAL 5 -->
        <link rel="stylesheet" href="../../widget/social_network/5/social_5.css" type="text/css" />
        <!-- HMENU 7 -->
        <link type="text/css" rel="stylesheet" href="../../widget/hmenu/7/hmenu_7.css" />
        <!-- HTML BLOCK 17 -->
        <link type="text/css" rel="stylesheet" href="../../widget/html_block/17/html_17.css" />
        <!-- PRODUCT CATEGORY 2 -->
        <link type="text/css" rel="stylesheet" href="../../widget/product_category/2/product_category_2.css" />
        <!-- PRODUCT FEATURE 5 -->
        <link type="text/css" rel="stylesheet" href="../../widget/product_feature/5/product_feature_5.css" /> 
        <!-- PRODUCT FEATURE 6 -->
        <link type="text/css" rel="stylesheet" href="../../widget/product_feature/6/product_feature_6.css" />
        <!-- HTML BLOCK 22 -->
        <link type="text/css" rel="stylesheet" href="../../widget/html_block/22/html_22.css" />
        <!-- LINK LIST 3 -->
        <link type="text/css" rel="stylesheet" href="../../widget/link_list/3/link_list_3.css" />
        <!-- SOCIAL 6 -->
        <link type="text/css" rel="stylesheet" href="../../widget/social_network/6/social_6.css" />
        <!-- HTML BLOCK 23 -->
        <link type="text/css" rel="stylesheet" href="../../widget/html_block/23/html_23.css" />
        <!-- HTML BLOCK 24 -->
        <link type="text/css" rel="stylesheet" href="../../widget/html_block/24/html_24.css" />


        <script type="text/javascript">
            $(document).ready(function(){
                
                //blur search text
                $('#searchText').hint();
                
                //last child social network
                $('.social_list li:last-child').addClass('last');
                
                $(".product_category_2").treeview({
                    animated:"normal",
                    persist: "cookie"
                });
                
                $ ('ul.product_list li').each(function(i){
                    var newClass = '';
       
                    if ((i+1) % 3 == 0) {
                        newClass = 'last';
                    }
                    $(this).addClass(newClass);
        

                });
            })
        </script>
    </head>

    <body>
        <div id="wrapper">
            <div id="wrapper_top">
                <div id="wrapper_top_1">
                    <div id="hook_top_1" class="hook">
                        <!-- WIDGET HMENU 6 -->
                        <div id="hmenu_wi_6" class="hmenu_6">
                            <ul>
                                <li><a href="#">shipping & return</a></li>
                                <li><a href="#">login</a></li>
                                <li><a href="#">create an account</a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <!-- End WIDGET HMENU 6 -->

                        <!-- WIDGET CART BLOCK 3 -->
                        <div id="cart_block_wi_3" class="cart_block_3">
                            <p class="cart_block_infor"><a href="#">Now in your cart<span> 0 </span> items</a></p>                        
                        </div>
                        <!-- END WIDGET CART BLOCK 3 -->
                    </div>
                    <!-- End #hook_top_1 -->
                </div>
                <!-- End #wrapper_top_1 -->

                <div id="wrapper_top_2">
                    <div id="hook_top_2" class="hook">
                        <!-- SEARCH BAR WIDGET -->
                        <div id="search_bar_wi_5" class="search_bar_5"> 

                            <form id="searchForm" class="searchForm" action="#" method="post">
                                <div class="search_panel">
                                    <input type="text" class="searchText blur" id="searchText" value="" title="Search Keyword Here ..."/> 
                                    <input name="search" type="image" class="buttonSearch" id="buttonSearch" src="images/search_icon.png" value=""/>
                                    <div class="clear"></div>
                                </div>
                            </form>
                        </div>
                        <!--END SEARCH BAR WIDGET --> 

                        <!-- LOGO WIDGET -->
                        <div id="logo_wi_5" class="logo_5">
                            <div id="wrapper_logo">
                                <a href="#"><img src="images/logo_text.png" alt="logo_text"/></a>
                                <p class="logo_description">The best online toys store!</p>
                            </div>
                        </div>
                        <!-- END SOLO WIDGET -->

                        <!-- SOCIAL WIDGET -->
                        <div id="social_wi" class="social_5">
                            <p>Social Network - join with us</p>
                            <ul class="social_list">
                                <li><a href="#"><img src="images/social/flickr.png" alt="flickr"/></a></li>
                                <li><a href="#"><img src="images/social/facebook.png" alt="facebook"/></a></li>
                                <li><a href="#"><img src="images/social/twitter.png" alt="twitter"/></a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <!-- End SOCIAL WIDGET -->

                        <!-- HMENU WIDGET -->
                        <div id="hmenu_wi" class="hmenu_7">
                            <ul class="menu_list">
                                <li><a href="home.html" class="active">Home</a></li>
                                <li><a href="news.html">News</a></li>
                                <li><a href="product.html">All Products</a></li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                        </div>
                        <!-- END HMENU WIDGET -->
                    </div>
                    <!-- End #hook_top_2 -->
                </div>
                <!-- End #wrapper_top_2 -->

                <div id="wrapper_top_3">
                    <div id="hook_top_3" class="hook">

                        <!-- HTML BLOCK WIDGET  -->
                        <div id="html_wi_1" class="html_block_17">
                            <div class="image_wrapper">
                                <img src="images/banner.png" alt="banner"/>
                            </div>
                            <!-- End .image_wrapper -->
                        </div>
                        <!-- END HTML BLOCK WIDGET 1 -->

                    </div>
                    <!-- End #hook_top_3 -->
                </div>
                <!-- End #wrapper_top_3 -->

            </div>
            <!-- END #wrapper_top -->

            <div id="wrapper_main">
                <div id="main">
                    <div id="hook_sidebar" class="hook">
                        <!-- PRODUCT CATEGORY WIDGET -->
                        <div id="product_category_wi" class="product_category_2">
                            <div class="title">
                                <h1>categories</h1>
                            </div>
                            <!-- End .title -->

                            <ul class="category_list">
                                <li class="parent"><a href="#">Living room</a>
                                    <ul>
                                        <li><a href="#">TV Board</a></li>
                                        <li><a href="#">TV Board</a></li>
                                    </ul>
                                </li>
                                <li class="parent"><a href="#">Sitting room</a></li>
                                <li class="parent"><a href="#">Bath room</a>
                                    <ul>
                                        <li><a href="#">TV Board</a></li>
                                        <li><a href="#">TV Board</a></li>
                                    </ul>
                                </li>
                                <li class="parent"><a href="#">Film room</a></li>
                                <li class="parent"><a href="#">Bed room</a></li>
                                <li class="parent"><a href="#">Kitchen room</a></li>
                                <li class="parent"><a href="#">Bed room</a></li>
                                <li class="parent"><a href="#">Kitchen room</a></li>
                                <li class="parent"><a href="#">Bed room</a></li>
                            </ul>
                            <!-- End .category_list -->
                            <div class="shadow"></div>
                        </div>
                        <!-- END PRODUCT CATEGORY WIDGET -->

                        <!-- PRODUCT FEATURE WIDGET -->
                        <div id="product_feature_wi_1" class="product_feature_5">
                            <div class="title">
                                <h1>Special Today</h1>
                            </div>
                            <!-- End .title -->

                            <div class="image_wrapper">
                                <a href="#"><img src="images/bear.png" alt="product_feature"/></a>
                            </div>
                            <div class="product_infor">
                                <a class="product_name" href="#">Gummy bear Product #10</a>
                                <h3 class="price">199$</h3>
                            </div>
                            <!-- End .product_infor -->
                            <div class="clear"></div>
                        </div>
                        <!-- END PRODUCT FEATURE WIDGET -->

                        <!-- HOTLINE WIDGET -->
                        <link type="text/css" rel="stylesheet" href="../../widget/hotline/1/hotline_1.css" /> 
                        <div id="hotline_wi_1" class="hotline_1">
                            <div class="hotline_wrapper">
                                <div class="hotline_content">
                                    <p class="title">Call for Free</p>
                                    <p class="phone_number">+1-234-567-8900</p>
                                    <p class="desc">Our expect staff is standing by to answer your questions</p>
                                </div><!-- End .hotline_content -->
                            </div>
                            <!-- End .hotline_wrapper -->
                        </div>
                        <!-- END HOTLINE WIDGET -->

                    </div>
                    <!-- End #hook_sidebar -->

                    <div id="hook_custom_1" class="hook">

                        <!-- PRODUCT FEATURE WIDGET -->
                        <div id="product_feature_wi_2" class="product_feature_6">
                            <div class="title">
                                <h1>New Products</h1>
                            </div>
                            <!-- End .title -->

                            <ul class="product_list">
                                <li class="products">
                                    <div class="image_wrapper">
                                        <a href="#"><img src="images/products/1.png" alt="1" /></a>
                                    </div>
                                    <!-- End .image_wrapper -->

                                    <div class="product_infor">
                                        <div class="price">
                                            <span>1999,99$</span>
                                        </div><!-- End .price -->
                                        <div class="cart_button">
                                            <a href="#" class="add_to_cart">Ajouter au panier</a>
                                        </div><!-- End .cart_button-->
                                        <div class="clear"></div>
                                        <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit Nulla suscipit elementum justo Nulla suscipit Nulla suscipit elementum justo Nulla suscipit</a>
                                    </div>
                                    <!-- End .product_infor -->
                                </li>
                                <!-- End .products -->

                                <li class="products">
                                    <div class="image_wrapper">
                                        <a href="#"><img src="images/products/1.png" alt="1" /></a>
                                    </div>
                                    <!-- End .image_wrapper -->

                                    <div class="product_infor">
                                        <div class="price_change">
                                            <div class="change">
                                                <span class="promotion">-10%</span>
                                                <span class="old_price">210$</span>
                                            </div>
                                            <span class="new_price">199$</span>
                                        </div><!-- End .price -->
                                        <div class="cart_button">
                                            <a href="#" class="add_to_cart">Ajouter au panier</a>
                                        </div><!-- End .cart_button-->
                                        <div class="clear"></div>
                                        <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                                    </div>
                                    <!-- End .product_infor -->
                                </li>
                                <!-- End .products -->

                                <li class="products">
                                    <div class="image_wrapper">
                                        <a href="#"><img src="images/products/1.png" alt="1" /></a>
                                    </div>
                                    <!-- End .image_wrapper -->

                                    <div class="product_infor">
                                        <div class="price_change">
                                            <div class="change">
                                                <span class="promotion">-10%</span>
                                                <span class="old_price">210$</span>
                                            </div>
                                            <span class="new_price">199$</span>
                                        </div><!-- End .price -->
                                        <div class="cart_button">
                                            <a href="#" class="add_to_cart">Ajouter au panier</a>
                                        </div><!-- End .cart_button-->
                                        <div class="clear"></div>
                                        <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                                    </div>
                                    <!-- End .product_infor -->
                                </li>
                                <!-- End .products -->

                                <li class="products">
                                    <div class="image_wrapper">
                                        <a href="#"><img src="images/products/1.png" alt="1" /></a>
                                    </div>
                                    <!-- End .image_wrapper -->

                                    <div class="product_infor">
                                        <div class="price">
                                            <span>1999,99$</span>
                                        </div><!-- End .price -->
                                        <div class="cart_button">
                                            <a href="#" class="add_to_cart">Ajouter au panier</a>
                                        </div><!-- End .cart_button-->
                                        <div class="clear"></div>
                                        <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                                    </div>
                                    <!-- End .product_infor -->
                                </li>
                                <!-- End .products -->

                                <li class="products">
                                    <div class="image_wrapper">
                                        <a href="#"><img src="images/products/1.png" alt="1" /></a>
                                    </div>
                                    <!-- End .image_wrapper -->

                                    <div class="product_infor">
                                        <div class="price">
                                            <span>1999,99$</span>
                                        </div><!-- End .price -->
                                        <div class="cart_button">
                                            <a href="#" class="add_to_cart">Ajouter au panier</a>
                                        </div><!-- End .cart_button-->
                                        <div class="clear"></div>
                                        <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                                    </div>
                                    <!-- End .product_infor -->
                                </li>
                                <!-- End .products -->

                                <li class="products">
                                    <div class="image_wrapper">
                                        <a href="#"><img src="images/products/1.png" alt="1" /></a>
                                    </div>
                                    <!-- End .image_wrapper -->

                                    <div class="product_infor">
                                        <div class="price_change">
                                            <div class="change">
                                                <span class="promotion">-10%</span>
                                                <span class="old_price">210$</span>
                                            </div>
                                            <span class="new_price">199$</span>
                                        </div><!-- End .price -->
                                        <div class="cart_button">
                                            <a href="#" class="add_to_cart">Ajouter au panier</a>
                                        </div><!-- End .cart_button-->
                                        <div class="clear"></div>
                                        <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                                    </div>
                                    <!-- End .product_infor -->
                                </li>
                                <!-- End .products -->

                                <li class="products">
                                    <div class="image_wrapper">
                                        <a href="#"><img src="images/products/1.png" alt="1" /></a>
                                    </div>
                                    <!-- End .image_wrapper -->

                                    <div class="product_infor">
                                        <div class="price_change">
                                            <div class="change">
                                                <span class="promotion">-10%</span>
                                                <span class="old_price">210$</span>
                                            </div>
                                            <span class="new_price">199$</span>
                                        </div><!-- End .price -->
                                        <div class="cart_button">
                                            <a href="#" class="add_to_cart">Ajouter au panier</a>
                                        </div><!-- End .cart_button-->
                                        <div class="clear"></div>
                                        <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                                    </div>
                                    <!-- End .product_infor -->
                                </li>
                                <!-- End .products -->

                                <li class="products">
                                    <div class="image_wrapper">
                                        <a href="#"><img src="images/products/1.png" alt="1" /></a>
                                    </div>
                                    <!-- End .image_wrapper -->

                                    <div class="product_infor">
                                        <div class="price_change">
                                            <div class="change">
                                                <span class="promotion">-10%</span>
                                                <span class="old_price">210$</span>
                                            </div>
                                            <span class="new_price">199$</span>
                                        </div><!-- End .price -->
                                        <div class="cart_button">
                                            <a href="#" class="add_to_cart">Ajouter au panier</a>
                                        </div><!-- End .cart_button-->
                                        <div class="clear"></div>
                                        <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                                    </div>
                                    <!-- End .product_infor -->
                                </li>
                                <!-- End .products -->

                                <li class="products">
                                    <div class="image_wrapper">
                                        <a href="#"><img src="images/products/1.png" alt="1" /></a>
                                    </div>
                                    <!-- End .image_wrapper -->

                                    <div class="product_infor">
                                        <div class="price_change">
                                            <div class="change">
                                                <span class="promotion">-10%</span>
                                                <span class="old_price">210$</span>
                                            </div>
                                            <span class="new_price">199$</span>
                                        </div><!-- End .price -->
                                        <div class="cart_button">
                                            <a href="#" class="add_to_cart">Ajouter au panier</a>
                                        </div><!-- End .cart_button-->
                                        <div class="clear"></div>
                                        <a class="product_name" href="#">Nulla suscipit elementum justo Nulla suscipit</a>
                                    </div>
                                    <!-- End .product_infor -->
                                </li>
                                <!-- End .products -->
                            </ul>
                            <!-- End .product_list -->
                        </div>
                        <!-- END PRODUCT FEATURE WIDGET -->

                    </div>
                    <!-- End #hook_custom_1 -->
                    <div class="clear"></div>
                </div>
                <!-- End #main -->
            </div>
            <!-- End #wrapper_main -->

            <div id="wrapper_footer">
                <div id="footer">
                    <div id="hook_custom_2" class="hook">
                        <!-- HTML BLOCK WIDGET  -->
                        <div id="html_wi_3" class="html_block_22">
                            <div class="image_wrapper">
                                <a href="#"><img src="images/toys_image.png" alt="toy_image"/></a>
                            </div>
                            <!-- End .image_wrapper -->
                            <a class="title" href="#">online store</a>
                            <div class="clear"></div>
                        </div>
                        <!-- END HTML BLOCK WIDGET -->

                        <!-- LINK LIST WIDGET 1 -->
                        <div id="link_list_wi_1" class="link_list_3">
                            <div class="link_list_wrapper">
                                <h1 class="title">New product</h1>
                                <ul class="list">
                                    <li class="items">
                                        <a href="#">Top sellers</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Specials</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Manufacturers</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Suppliers</a>
                                    </li>
                                </ul>
                            </div>
                            <!-- End .link_list_wrapper -->
                        </div>
                        <!-- END LINK LIST WIDGET 1 -->

                        <!-- LINK LIST WIDGET 2 -->
                        <div id="link_list_wi_2" class="link_list_3">
                            <div class="link_list_wrapper">
                                <h1 class="title">New product</h1>
                                <ul class="list">
                                    <li class="items">
                                        <a href="#">Top sellers</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Specials</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Manufacturers</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Suppliers</a>
                                    </li>
                                </ul>
                            </div>
                            <!-- End .link_list_wrapper -->
                        </div>
                        <!-- END LINK LIST WIDGET 1 -->

                        <!-- LINK LIST WIDGET 3 -->
                        <div id="link_list_wi_3" class="link_list_3">
                            <div class="link_list_wrapper">
                                <h1 class="title">New product</h1>
                                <ul class="list">
                                    <li class="items">
                                        <a href="#">Top sellers</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Specials</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Manufacturers</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Suppliers</a>
                                    </li>
                                </ul>
                            </div>
                            <!-- End .link_list_wrapper -->
                        </div>
                        <!-- END LINK LIST WIDGET 3 -->

                        <!-- SOCIAL WIDGET -->
                        <div id="social_wi_2" class="social_6">
                            <h1 class="title">Get social</h1>
                            <ul class="social_list">
                                <li><a href="#"><img src="images/social/flickr_2.png" alt="flickr"/></a></li>
                                <li><a href="#"><img src="images/social/facebook_2.png" alt="facebook"/></a></li>
                                <li><a href="#"><img src="images/social/twitter_2.png" alt="twitter"/></a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <!-- End SOCIAL WIDGET -->

                        <!-- HTML BLOCK WIDGET  -->
                        <div id="html_wi_4" class="html_block_23">
                            <div class="image_wrapper">
                                <a href="#"><img src="images/pay.png" alt="pay"/></a>
                            </div>
                        </div>
                        <!-- END HTML BLOCK WIDGET -->

                        <!-- HTML BLOCK WIDGET -->
                        <div id="html_wi_5" class="html_block_24">
                            <p class="content">©2012 POWERED BY TOYs™. ALL RIGHT RESERVED.</p>
                        </div>
                        <!-- END HTML BLOCK WIDGET -->

                    </div>
                    <!-- End #hook_custom_2 -->

                </div>
                <!-- End #footer -->
            </div>
            <!-- End #wrapper_footer -->

        </div>
        <!-- End #wrapper -->

    </body>
</html>